<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小孙同学</title>
    <meta name="language" content="zh-CN">
    <meta name="title" content="小孙同学">
    <meta name="github" content="https://github.com/sun0225SUN/Awesome-Love-Code">
    <meta name="describe" content="收集不易，您的star是我坚持的动力，同时也欢迎各位PR哦! ">
    <link rel="icon" type="image/x-icon" href="https://cdn.jsdelivr.net/gh/sun0225SUN/photos/img/20210715233345.png">
    <link rel="icon" href="./favicon.ico">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/viewer.min.css">
</head>

<body>

    <!-- ALL -->
    <div id="Indexbox">

        <!-- 顶部菜单 -->
        <div class="menu" id="menu">
            <img src="./favicon.ico" alt="favicon">
            <ul id="menuUL">
                <li>
                    <a href="https://www.sunguoqi.com/" target="_blank">首页(L)</a>
                </li>
                <li>
                    <a href="https://sunguoqi.com/archives/" target="_blank">文章(V)</a>
                </li>
                <li>
                    <a href="https://sunguoqi.com/categories/" target="_blank">归档(E)</a>
                </li>
                <li>
                    <a href="https://www.zhihu.com/people/sunguoqi" target="_blank">知乎(X)</a>
                </li>
                <li>
                    <a href="https://sunguoqi.com/comments/" target="_blank">留言(J)</a>
                </li>
                <li>
                    <a href="https://sunguoqi.com/about/" target="_blank">关于(O)</a>
                </li>
            </ul>
            <p>sunshine.html</p>
        </div>

        <!-- 左侧菜单按钮 -->
        <div class="leftBar">
            <div class="leftBar-ButtomMe" onclick="MeClick(true)"></div>
            <div class="leftBar-ButtomMenu" id="leftBar-ButtomMenu" onclick="MenuClick(true)">
                <div class="div1"></div>
                <div class="div2"></div>
                <div class="div3"></div>
            </div>
            <div class="leftBar-ButtomPages" id="menuPages" onclick="PagesClick(true)"></div>
        </div>

        <!-- 左侧拉出菜单 我 -->
        <div class="leftBar-Me" id="leftBar-Me">
            <div class="leftBar-ButtomClose" onclick="MeClick(false)">
                <div class="div1"></div>
                <div class="div2"></div>
            </div>
            <div class="img">
                <img src="https://i.loli.net/2021/06/08/CfvzqNFHag8G3bi.jpg" alt="头像">
            </div>
            <div class="introduction">
                <h1>小孙同学</h1>
                <p>安徽理工大学本科在读。</p>
                <p>即使前方的路看似绝境，也要有硬生生给自己开出一条路的勇气</p>
            </div>
            <div class="connect">
                <a href="https://www.sunguoqi.com/about/">关于</a>
                <a href="https://www.sunguoqi.com/comments/">留言</a>
            </div>
        </div>

        <!-- 页面版块1 -->
        <div class="pages" id="pages">

            <!-- 页面选项卡 -->
            <div class="pages-title">
                <div class="pages-title-option pages-title-option-click" id="pages-title-option1"
                    onclick="pages_title_option_click(1, true)">
                    <img src="./images/stuck_out_tongue.png" alt="stuck_out_tongue">
                    <p>hello world.md</p>
                </div>
                <div class="pages-title-option" id="pages-title-option2" onclick="pages_title_option_click(2, true)">
                    <img src="./images/stuck_out_tongue_closed_eyes.png" alt="stuck_out_tongue_closed_eyes">
                    <p>sunshine.md</p>
                </div>
                <div class="pages-title-option" id="pages-title-option3" onclick="pages_title_option_click(3, true)">
                    <img src="./images/stuck_out_tongue_winking_eye.png" alt="stuck_out_tongue_winking_eye">
                    <p>I love you.md</p>
                </div>
            </div>

            <!-- 页面 -->
            <div class="pages-text pages-text-show" id="pages-text1">
                <div class="pages-text-box">
                    <h1>你好，我是小孙同学<br />热爱编程，旅游，运动。</h1>
                    <img class="pages-text-box-img" align="center" width="700px"
                        src="https://cdn.jsdelivr.net/gh/sun0225SUN/photos/img/20210628215046.jpg" />
                    <p>&emsp;&emsp;坚硬的代替了那些柔软的，清晰的取代了那些模糊的。那些滑溜溜和黏糊糊的东西，带你来到了世界的角落。</p>
                    <p>&emsp;&emsp;你好，这里是小孙同学，20岁，是学生，热爱计算机互联网事业，对有趣的世界和可能有趣的你充满好奇，小孙同学在努力...</p>
                    <p>&emsp;&emsp;一望无际的迷雾中，有人在寻找光明！很高兴遇到你，我们一直在耕耘这么一片简单的土壤，虽然没有尽善尽美，但以初见雏形。</p>
                    <p>&emsp;&emsp;十年前我们仰望星空，十年后我们将俯视大地，未来的天空，必将为我们留下一片灿烂的曙光！</p>
                </div>
            </div>

            <div class="pages-text" id="pages-text2">
                <div class="pages-text-box">
                    <h1>test2</h1>
                </div>
            </div>

            <div class="pages-text" id="pages-text3">
                <div class="pages-text-box">
                    <h1>test3</h1>
                </div>
            </div>
        </div>
    </div>

    <!-- 页面版块2 -->
    <div class="pages pages2" id="pages2">

        <!-- 页面选项卡 -->
        <div class="pages-title pages-title2">
            <div class="pages-title-option pages-title-option-click">
                <img src="./images/icecream.png" alt="icecream">
                <p>My Life.md</p>
            </div>
        </div>

        <!-- 页面 -->
        <div class="pages-text pages-text-show">
            <div class="pages-text-box pages-text-box2">
                <h1>我与她</h1>
                <p>2022-02-22</p>
                <p>故事开始</p>
                <div class="pages-text-box-img">
                    <img src="./images/love1.jpg" alt="love1" class="n0ts-img">
                    <h6>我们的第一张合影</h6>
                </div>
                <a href="https://github.com/sun0225SUN/Awesome-Love-Code" class="text-a" target="_blank">More?</a>
            </div>
        </div>

    </div>

    <!-- 底部版权 -->
    <div class="footer" id="footer">
        <p class="left">&copy; 2021 | BY <a href="https://sunguoqi.com/" target="_blank">SUNSHINE</a></p>
        <p class="right"><a href="http://sunguoqi.com/" target="_blank">I am your sunshine</a></p>
    </div>

    </div>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="./js/N0ts.js"></script>
    <script src="./js/viewer.min.js"></script>
    <script src="./js//lovetime.js"></script>
    <script>resize();</script>
</body>

</html>